<template>
      <!-- <el-menu
        default-active="/"
        class="el-menu-vertical"
        :router="true"
      >
        <el-sub-menu index="1">
          <template #title>
            <el-icon><data-line/></el-icon>
            <span>首页</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/">舆情热搜</el-menu-item>
          </el-menu-item-group>
        </el-sub-menu>
        <el-sub-menu index="2">
          <template #title>
            <el-icon><data-board/></el-icon>
            <span>舆情看板</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/monitor">舆情监测</el-menu-item>
          </el-menu-item-group>
          <el-menu-item-group>
            <el-menu-item index="/report">舆情报告</el-menu-item>
          </el-menu-item-group>
        </el-sub-menu>
        <el-sub-menu index="3">
          <template #title>
            <el-icon><data-analysis/></el-icon>
            <span>舆情预警</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/warn">预警</el-menu-item>
          </el-menu-item-group>
        </el-sub-menu>
        <el-sub-menu index="4">
          <template #title>
            <el-icon><office-building/></el-icon>
            <span>舆情AI公关助手</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/gpt3">3.5</el-menu-item>
          </el-menu-item-group>
          <el-menu-item-group>
            <el-menu-item index="/gpt4">4.0</el-menu-item>
          </el-menu-item-group>
        </el-sub-menu>
        <el-sub-menu index="5">
          <template #title>
            <el-icon><warning/></el-icon>
            <span>舆情智库</span>
          </template>
          <el-menu-item-group>
            <el-menu-item index="/data">数据库查询</el-menu-item>
          </el-menu-item-group>
        </el-sub-menu>
      </el-menu> -->

      <el-menu
        default-active="/"
        class="el-menu-vertical"
        :router="true"
      >
        <el-menu-item index="/">
          <el-icon><data-line/></el-icon>
          <span>舆情监测</span>
        </el-menu-item>
        <el-menu-item index="/analysis">
          <el-icon><data-analysis/></el-icon>
          <span>舆情分析</span>
        </el-menu-item>
        <el-menu-item index="/report">
          <el-icon><office-building/></el-icon>
          <span>舆情公关方案</span>
        </el-menu-item>
      </el-menu>

</template>

<script lang="ts" setup>
import {
  DataLine,
  Warning,
  OfficeBuilding,
  DataBoard,
  DataAnalysis,
} from '@element-plus/icons-vue'

</script>

<style scoped>
.el-menu-vertical {
  border-right: none; /* 去除侧边的边框线 */
}
</style>

